._tw_item_ft_out{
  position: relative;
  width: 108rpx;
  height: 108rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  //overflow: hidden;
}
._tw_item_ft_ellipsis{
  position: absolute !important;
  top: 0;
  right: 0 !important;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  z-index: 1000;
  justify-content: center;
}
.colonelLable{
  color:#fff;
  height: 32rpx;
  width: 80rpx;
  font-size: 21rpx;
  text-align: center;
  line-height: 32rpx;
  position: absolute;
  bottom: 0rpx;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 16rpx
}
._three{
  font-size: 26.6rpx;
  margin-top: 46rpx;
  text-align: center;
}
._four{
  margin-top: 41rpx;
  .invite_fri{
    width: 400rpx;
    height: 73rpx;
    color: #fff;
    border-radius: 37rpx;
    line-height: 73rpx;
    text-align: center;
    font-size: 32rpx;
  }
}
.Spell_at_the{
  margin: 20rpx 20rpx 0;
  padding: 40rpx;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20rpx;
  position: relative;
  ._ft{
    font-size: 26rpx;
    line-height: 40rpx;
    display: flex;
    .time{
      display: flex;
      font-weight: bold;
      height: 40rpx;
      line-height: 40rpx;
      margin: 0 20rpx;
      .colon{
        margin:0 12rpx;
        color: #EB3734;
      }
    }
    .time_tip{
      width: 40rpx;
      height: 40rpx;
      background-color:#EB3734 ;
      color: #fff;
      text-align: center;
      line-height: 40rpx;
      border-radius: 7rpx;
    }
  }
  ._tw{
    margin-top: 44rpx;
    display: flex;
    position: relative;
    align-items: center;
    ._tw_item_ft_box{
      overflow: hidden;
      width: 108rpx;
      height: 108rpx;
      border-radius: 50%;
      border: 4px solid #FFFFFF;
      margin-left: 14rpx;
      ._tw_item_ft{
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        text-align: center;
        height: 100rpx;
        width: 100rpx;
        box-sizing: border-box;
      }
    }

    ._tw_item_ft:first-child{
      right: 0;
    }
    ._tw_item_lt{
      //margin-left: 14rpx;
      width: 108rpx;
      height: 108rpx;
      overflow: hidden;
      border-radius: 50%;
      box-sizing: border-box;
      border: 4rpx solid #fff;;
    }
    .ellipsis{
      display: flex;
      align-items: center;
      position: relative;
      right: 60rpx;
      text{
        background-color: #DDDDDD;
        width: 10.6rpx;
        height: 10.6rpx;
        margin: 0 4rpx;
        border-radius: 50%;
      }
    }
  }
  ._ts{
    margin-top: 44rpx;
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    ._tw_item_ft_box{
      overflow: hidden;
      width: 108rpx;
      height: 108rpx;
      border-radius: 50%;
      border: 4px solid #FFFFFF;
      box-sizing: border-box;
      ._tw_item_ft{
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        text-align: center;
        height: 100rpx;
        width: 100rpx;
        box-sizing: border-box;
      }
    }

    ._tw_item_ft:first-child{
      right: 0;
    }
    .ellipsis{
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      top: 6rpx;
      right: 185rpx;
      background-color: #000;
      opacity: .5;
      z-index: 95;
      padding: 0 25rpx;
      height: 98rpx;
      border-radius: 50%;
      text{
        background-color: #fff;
        width: 10.6rpx;
        height: 10.6rpx;
        margin: 0 4rpx;
        border-radius: 50%;
      }
    }
  }
}
page {
  line-height: normal !important;
}


.order-detail-container {
  background-color: #f6f6f6;
  padding-bottom: 149rpx;
  width: 100%;
  height: 100%;
}

.order-detail-hd {
  position: relative;
  width: 100%;
}

 .bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #03c1b6;
  height: 253rpx;
  border-radius: 0rpx 0rpx 30rpx 30rpx;
}

.order-detail-hd .navbar {
  position: relative;
  z-index: 100;
}

.order-detail-hd .title {
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: white;
}

.order-detaile-address {
  position: relative;
  z-index: 2;
  letter-spacing: 2rpx;
  left: 50%;
  transform: translateX(-50%);
  width: 707rpx;

  background: white;
  border-radius: 20rpx;
  margin-top: 41rpx;
  padding-top: 40rpx;
  padding-bottom: 38rpx;
}

.address-show {}

.order-detaile-address-main {
  margin-top: 10rpx;
  margin-left: 20rpx;

}

.order-detaile-address .order-detaile-address-complete {
  padding: 41rpx 40rpx 0rpx 62rpx;
  font-family: PingFang SC;
}

.order-detaile-address .complete-msg {
  font-size: 29rpx;
  font-weight: 400;
  color: #353535;
  padding-right: 20rpx !important;
}

.order-detaile-address .order-detail-msg {
  margin-left: 54rpx;
  font-size: 29rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
}

.order-detaile-address .addition {
  font-size: 27rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #df4141;
  margin-left: 58rpx;
}

.wait {
  font-size: 29rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #888888;
  margin-left: 38rpx;
}

.tracking-number {
  font-size: 29rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: black;
  margin-top: 16rpx;
}

.tracking-number .wait-icon {
  width: 32rpx;
  height: 32rpx;
  margin-right: 6rpx;
}

.order-detaile-address .order-detaile-address-main {}

.order-detaile-address .order-detaile-address-main image {
  width: 32rpx;
  height: 32rpx;
  margin-right: 6rpx;
  flex-shrink: 0;

}

.order-detaile-address .order-detaile-address-main .address {
  font-size: 27rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #888888;
}

.order-detaile-address .order-closed {
  font-size: 29rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #353535;
  padding: 30rpx 32rpx 0rpx 0rpx;
}

.order-closed-entity {
  padding-top: 0rpx !important;
}

.order-detaile-address .order-closed .order-reason {
  color: #888888;
}

.order-detaile-address-single {
  padding: 0rpx 42rpx 38rpx 0rpx;
}

/*虚拟商品qingk */
.order-virtual {
  line-height: 42rpx;
  margin-left: 40rpx;
}

/*等待发货，自提*/
.payed-self-view {}

.to-me-distance-icon {
  width: 130rpx;
  height: 52rpx;
  position: relative;
  left: 0;
  top: 0;
}

.location-text {
  position: absolute;

  font-size: 20rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;

  white-space: nowrap;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.location-icon {
  width: 60rpx;
  height: 60rpx;
}

.store-location {

  font-size: 32rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #090909;

  line-height: 40rpx;



}

.distance-view {
  position: relative;
}

/*已关闭*/
.cancel-status {
  line-height: 38rpx;
  padding-bottom: 26rpx;

  width: 100%;
}

.self-close {
  padding: 20rpx 0px 0px 54rpx;

}

.self-user-info {

  font-size: 29rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
}

.see-account {
  padding: 38rpx 0;
  font-size: 29rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #576B95;
  margin: 0 auto;
  border-top: 1rpx solid #ebebeb;
  width: 100%;
  text-align: center;
  margin-top: 35rpx;
  padding-bottom: 0rpx;
}

.order-detail-status {
  position: relative;
  z-index: 2;
  color: white;
}

.order-detail-status .wait-to-send {
  padding-top: 40rpx;
}

.order-detail-status .wait-for-payment {
  letter-spacing: 2rpx;
  font-size: 29rpx;
  padding: 40rpx 62rpx 0 62rpx
}

.order-detail-status .wait-for-payment .status {
  font-size: 32rpx;
  font-family: PingFang SC;
  font-weight: bold;
  margin-bottom: 28rpx;
}

.order-detail-status .wait-for-payment .need-to-pay-price {
  margin-right: 14rpx;
}

.order-detaile-orders {
  background: white;
  border-radius: 40rpx;
}

.bd-view {
  padding: 0 21rpx;
}

.order-detail-btn {
  width: 750rpx;
  height: 149rpx;
  background: white;

}

.order-detail-btn .confirm-receipt-btns {
  margin: 0 auto;
}

.order-detail-btn .confirm-receipt {
  width: 600rpx;
  height: 88rpx;
  background: #03c1b6;
  border-radius: 44rpx;
  font-size: 32rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: white;
}

.status-img {
  width: 43rpx;
  height: 43rpx;
  margin-right: 10rpx;
}

.bg-white-btn {
  width: 280rpx;
  height: 76rpx;
  border-radius: 37rpx;
  font-size: 32rpx;
  font-family: PingFang SC;
  font-weight: 400;
  //color: #03c1b6;
  border: 1px solid #fff;
  transform: rotateZ(360deg);
}
.noBtn{
  height: 44px;
  border-radius: 22px;
}

.bg-blue-btn {
  width: 280rpx;
  height: 76rpx;
  //background: #03c1b6;
  border-radius: 37rpx;
  font-size: 32rpx;
  font-family: PingFang SC;
  font-weight: 400;
  //color: white;
}

.btns-order {
  width: 90%;
  margin: 0 auto;
}

.status-text {
  font-size: 32rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: white;
}

.isIPx {
  box-sizing: border-box;
  padding-top: 21rpx;
  padding-bottom: 68rpx !important;
}

.return-left {
  width: 43rpx;
  height: 43rpx;
}

.icon-img-black {
  width: 43rpx;
  height: 43rpx;
  flex-shrink: 0;
}

.line {
  width: 98%;
  //margin: 0rpx 1%;
  margin-top: 32rpx;
  margin-bottom: 32rpx;
  height: 1rpx;
  background: #f0f0f0;
}

.self-good-address {
  font-size: 27rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #0A0A0A;

}

.store-location-detail {
  font-size: 27rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #888888;
  margin-top: 14rpx;
  margin-bottom: 10rpx;

}

.delivery-name{
  margin-right: 12rpx;
}

.remark {
  font-size: 27rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #DF4242;
  line-height: 36px;
}

.pre-sell-remaining {
  font-size: 29rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 20rpx;
}

.pre-sell-delivery {
  font-size: 29rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 20rpx;
}
